{% load static %}
{% load oracle %}
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ data.website_title }}</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta content="{{ data.website_description }}" name="description"/>
    <meta content="{{ data.website_author }}" name="author"/>
    <link href="{% static 'oracle/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
    <link href="{% static 'oracle/font-awesome/css/font-awesome.min.css' %}" rel="stylesheet">
    <link href="{% static 'oracle/css/animate/animate.min.css' %}" rel="stylesheet">
    <link href="{% static 'oracle/css/oracle.css' %}" rel="stylesheet">
    {% block css %}{% endblock %}
</head>
<body>
<div id="wrapper">
    {% multi_menu request %}
    <div id="page-wrapper" class="gray-bg">
        {% include 'oracle/include/top-nav.html' %}
        {% menu_breadcrumbs request %}
        {% block content %}{% endblock %}
        {% include 'oracle/include/footer.html' %}
    </div>
</div>

<!-- Mainly scripts -->
<script src="{% static 'oracle/js/jquery.min.js' %}"></script>
<script src="{% static 'oracle/js/popper.min.js' %}"></script>
<script src="{% static 'oracle/bootstrap/js/bootstrap.min.js' %}"></script>
<script src="{% static 'oracle/js/plugins/metisMenu/jquery.metisMenu.js' %}"></script>
<script src="{% static 'oracle/js/plugins/slimscroll/jquery.slimscroll.min.js' %}"></script>
<!-- Custom and plugin javascript -->
<script src="{% static 'oracle/js/twisting.js' %}"></script>
<script src="{% static 'oracle/js/plugins/pace/pace.min.js' %}"></script>
{% block js %}{% endblock %}
</body>
</html>
